body {font-family: PingFangSC-Regular,Verdana,Arial,"宋体","微软雅黑"; overflow: hidden; background-color: #F0F0F0;}
html {background-color: #F0F0F0;}
.isflexbox {display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; align-items:center; -webkit-align-items:center; box-align:center; -moz-box-align:center; -webkit-box-align:center;}
.isflex {flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1;}
.payment-main {width: 10rem; margin: 0 auto; overflow: hidden;}
.payment-title,.payment-style {width: 100%; margin: 0 auto; overflow: hidden;}
.payment-title img {width: 1.06666666rem; height: auto; margin: 0.53333333rem auto; display: block;}
.payment-title p {font-size: 12px; line-height: 1.16666666; color: #505050; text-align: center; margin-top: 0.26666666rem;}
.payment-title p:last-child {margin-bottom: 0.8rem;}
[data-dpr="2"] .payment-title p {font-size: 24px;}
[data-dpr="3"] .payment-title p {font-size: 36px;}
.payment-info {width: 100%; min-height: 0.96rem; margin: 0 auto; overflow: hidden; background-color: #FFF;}
.payment-info div {width: 0.13333333rem; height: 0.64rem; margin: 0.16rem 0; background-color: #EA4040; vertical-align: middle; display: inline-block;}
.payment-info p {font-size: 14px; line-height: 1.21428571; color: #333; margin-left: 0.26666666rem; vertical-align: middle; display: inline-block;}
.payment-way ul {overflow: hidden;}
.payment-way li {width: 100%; min-height: 1.46666666rem; margin-top: 0.02666666rem; background-color: #FFF; -webkit-justify-content: space-between; justify-content: space-between; -moz-box-pack: justify; -webkit-box-pack: justify; -moz-box-pack: justify; box-pack: justify;}
.payment-way input {display: none;}
.payment-wayinfo {margin-left: 0.4rem;}
.payment-wayinfo img {width: 0.85333333rem; height: auto; margin-right: 0.32rem;}
.payment-wayinfo div p:first-child {font-size: 14px; line-height: 1.21428571; color: #333; margin-bottom: 0.13333333rem;}
.payment-wayinfo div p:last-child {font-size: 10px; line-height: 1.2; color: #999;}
[data-dpr="2"] .payment-wayinfo div p:last-child {font-size: 20px;}
[data-dpr="3"] .payment-wayinfo div p:last-child {font-size: 30px;}
[data-dpr="2"] .payment-info p,[data-dpr="2"] .payment-wayinfo div p:first-child,[data-dpr="2"] .payment-caption,[data-dpr="2"] .payment-coupons div p:first-child {font-size: 28px;}
[data-dpr="3"] .payment-info p,[data-dpr="3"] .payment-wayinfo div p:first-child,[data-dpr="3"] .payment-caption,[data-dpr="3"] .payment-coupons div p:first-child {font-size: 42px;}
.payment-choice {width: 0.37333333rem; height: auto; margin-right: 0.4rem;}
.payment-coupons,.payment-cost {width: 100%; min-height: 1.46666666rem; margin: 0.13333333rem auto 0; background-color: #FFF; overflow: hidden; -webkit-justify-content: space-between; justify-content: space-between; -moz-box-pack: justify; -webkit-box-pack: justify; -moz-box-pack: justify; box-pack: justify;}
.payment-caption {font-size: 14px; line-height: 1.21428571; color: #333; margin-left: 0.4rem;}
.payment-coupons div p:first-child {font-size: 14px; line-height: 1.21428571; color: #333; margin-right: 0.13333333rem;}
.payment-arrow {width: 0.34666666rem; height: auto; line-height: 1.46666666rem; margin-right: 0.4rem;}
.payment-coin { font-size: 16px; line-height: 1.375; color: #EA4040; margin-right: 0.4rem; font-weight: bold;}
[data-dpr="2"] .payment-coin {font-size: 32px;}
[data-dpr="3"] .payment-coin {font-size: 48px;}

.payment-sure {width: 8.53333333rem; height: 1.17333333rem; font-size: 16px; line-height: 1.17333333rem; text-align: center; color: #FFF; margin: 0.53333333rem auto; background-color: #EA4040; box-shadow: 0 0 0.10666666rem 0 #FF6B6B; -webkit-box-shadow: 0 0 0.10666666rem 0 #FF6B6B; -moz-box-shadow: 0 0 0.10666666rem 0 #FF6B6B; border-radius: 0.64rem;}
[data-dpr="2"] .payment-sure {font-size: 32px;}
[data-dpr="3"] .payment-sure {font-size: 48px;}